Komme gerade mal wieder nicht weiter.
Ich möchte gerne die Schriftgröße im Main Menu ändern. Wenn ich sowas in die custom.css eingebe, verändert sich nur die Höhe des Menü-Feldes, aber nicht die Schriftgröße. Auch die Farbe wird nicht geändert. font-weight und text-align dagegen funktionieren.
Die Schrifgröße ändert sich nicht, da CSS immer die Regel mit der genauesten Beschreibung nimmt. Die Schriftgröße wird einaml für die erste und dann einmal für die zweite und tiefere Ebenen definiert. Die Schrfitgröße müsste im Link festgelegt sein (s.u.).
Wenn du mal die Entwicklertools deines Browsers bemühst, kannst du die genauen Reglen für die jeweiligen Elemente einsehen. Auch die Namen für die Farbwahl im Backend zeigen relativ gut, wie die Reglen etwa aussehen.
Außerdem hat, soweit ich mich erinnere, die mobile Ansicht eine andere Schriftgröße, damit man die Menüpunkte besser trifft. Hier wäre also womöglich die Nutzung von
Code:
@media(min-width: @navbarCollapseDesktopWidth) {
#topmenu ul.menu li a {
font-size: 13px;
}
}
angebracht. Da dies LESS-Code ist, müsste er dann in css/custom.css oder less/custom.less.
Wenn ich euch nicht hätte!
Das mit der Schriftgröße und -farbe hat wunderbar geklappt. Danke!
Das mit den Entwickler-Werkzeugen habe ich mir natürlich auch angesehen, ist aber gar nicht so einfach für einen Anfänger.
Die Bereiche sind wohl div#content_outleft
div#maincontent. row-fluid
h2
div.page-header
div.item-page
Eine Änderung in div#content_outleft hat das ganze Design durcheinandergebracht. Da lasse ich erst mal die Finger weg. Vielleicht könnt ihr mir ja noch einen Tipp geben.
